.index{
    width: 100%;
    overflow: hidden;
}

.selectCom{
    width: 100%;
    height: 1.8rem;
    line-height: 1.8rem;
    font-size: 0.64rem;
    border-bottom: 1px solid #F4F4F4;
    padding: 0 0.6rem;
    overflow: hidden;
}

.selectCom label{
    width: 4.5rem;
    color: #C4C4C4;
    float: left;
    height: 1.8rem;
    line-height: 1.8rem;
    overflow: hidden;
}

.selectCom input{
    width: 9rem;
    height: 1.8rem;
    line-height: 1.8rem;
    float: left;
    font-weight: 500;
    border: none;
}

.selectCom img{
    /*height: 1rem;*/
    width: 0.6rem;
    float: right;
    transform: rotate(-90deg);
    margin-top: 0.5rem;
}

.selectImg{
    width: 100%;
    padding-bottom: 3rem;
    overflow: hidden;
}

.selectImgLi{
    width: 28.6%;
    margin-left: 3.5%;
    margin-top: 0.4rem;
    float: left;
    position: relative;
    overflow: hidden;
}

.selectImg label{
    width: 100%;
    float: left;
    overflow: hidden;
}

.selectImg input{
    display: none;
}

.selectImgLi img,.selectImg label img{
    width: 100%;
}

.selectImgLi .closeAlert{
    width: 1rem;
    position: absolute;
    top: 0;
    right: 0;
}

.qdbtn{
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 2rem;
    text-align: center;
    line-height: 2rem;
    font-size: 0.64rem;
    background: #FFD300;
    /*border-radius: 1rem;*/
    overflow: hidden;
}

.screenIndex{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    overflow: auto;
    display: none;
}

.indexAlert{
    width: 100%;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
}

.alertContent{
    width: 100%;
    height: 80%;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #ffffff;
    padding: 0 0.6rem;
    overflow-x: hidden;
    overflow-y: scroll;
    /*overflow: hidden;*/
}

.classifyUl{
    width: 95%;
    overflow: hidden;
}

.classify{
    width: 100%;
    font-size: 0.64rem;
    overflow: hidden;
}

.classify .classifyName{
    display: inline-block;
    color: #C4C4C4;
    width: 100%;
    padding: 0.75rem 0 0;
    overflow: hidden;
}

.classify .classifyLi{
    margin-top: 0.75rem;
    overflow: hidden;
}

.indexes{
    width: 0.75rem;
    height: 80%;
    position: fixed;
    top: 25%;
    right: 0.6rem;
    font-size: 0.43rem;
    /*transform: translateY(-50%);*/
    overflow: hidden;
}

.indexes li{
    width: 100%;
    height: 0.75rem;
    line-height: 0.75rem;
    margin-top: 0.1rem;
    text-align: center;
    overflow: hidden;
}

.indexes .active{
    border-radius: 50%;
    background: #FFD300;
}

@-webkit-keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

.animated {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes bounceOutUp {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutUp {

    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}